<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="../css/二手房详情.css">
    <script src="../js/1.js"></script>
    <link rel="stylesheet" href="../移动端练习/swiper-bundle.min.css">
    <script src="../移动端练习/swiper-bundle.min.js"></script>
    <link rel="stylesheet" href="../css/底部.css">
</head>

<body>
    <!-- 轮播图 -->
    <div class="swiper">
        <div class="swiper-wrapper">
            <div class="swiper-slide">
                <img src="../image/rentalList/img1.png" alt="">
            </div>
            <div class="swiper-slide">
                <img src="../image/rentalList/img2.png" alt="">
            </div>
            <div class="swiper-slide">
                <img src="../image/rentalList/img3.png" alt="">
            </div>
            <div class="swiper-slide">
                <img src="../image/rentalList/img4.png" alt="">
            </div>
            <div class="swiper-slide">
                <img src="../image/rentalList/img5.png" alt="">
            </div>
        </div>
        <!-- 如果需要分页器 -->
        <div class="swiper-pagination" id="play"></div>

        <!-- 如果需要导航按钮 -->
        <!-- <div class="swiper-button-prev"></div>
        <div class="swiper-button-next"></div> -->

        <!-- 如果需要滚动条 -->
        <!-- <div class="swiper-scrollbar"></div> -->
    </div>

    <!-- 内容 -->

    <div class="body">
        <div>
            <h3>天鹅湾小区精装两居，满五唯一，</h3>
            <h3>业主换房急售</h3>
        </div>
        <div>
            <p><span style="color: red;">
                576</span> 万元（单价：46327元/平）
            </p>
            <img src="../image/SecondHandList/phone.png" alt="">
        </div>
        <div>
            <p>挂牌事件2015年6月20日</p>
        </div>
        <div>
            <p>学区房</p>
            <p>独家</p>
            <p>满五唯一</p>
        </div>
        <div>

        </div>

    </div>
    <div class="kong">

    </div>
    <div class="text">
        <div>
            <p>户型：3室2厅</p>
            <p>面积：100平</p>
        </div>
    </div>
    <div class="text">
        <div>
            <p>楼层：中楼层</p>
            <p>朝向：西南</p>
        </div>
        <div class="text">
            <div>
                <p>装修：精装</p>
                <p>楼型：塔楼</p>
            </div>
        </div>
        <div class="text">
            <div>
                <p>年代：2004</p>
                <p>区域：西二旗</p>
            </div>
        </div>
        <div class="text">
            <div>
                <p>首付：123万</p>
                <p>月供：15683元</p>
            </div>
        </div>
        <div class="text1">
            <div>
                <p>地铁：离西二旗地铁站800米</p>

            </div>
        </div>
        <div class="text1">
            <div>
                <p>小区：珠江帝景</p>

            </div>
        </div>
        <div class="text1">
            <div>
                <p>学校：北京市第二实验中学</p>

            </div>
        </div>
        <div class="more">
            <p>更多房源信息</p>
        </div>
        <div class="kong">

        </div>
    </div>
    <div class="tet-1">
        <div>
            <h4>房源特色</h4>
        </div>
        <div>
            <p>小区环境优雅，虽处闹市中（小区南200米由美廉美</p>
            <p>超市、西30米有华联商场、星美国际影城、东北角就</p>
            <p>是大中电器、 小区东100米有汇佳幼儿园、昌平实验</p>
            <p>一小、昆泰国际大酒...</p>
        </div>
        <div>
            <p>更多特色</p>
        </div>
    </div>
    <div class="kong">

    </div>
    <div class="tese">
        <div>
            <h4>户型分间</h4>
        </div>

    </div>
    <ul class="hothouse">


        <li>
            <div class="bear">
                <div class="hothouse-1">
                    <img src="../image/index/img1.jpg" alt="">
                </div>
                <div class="hothouse-2">
                    <h4>当前格局</h4>

                    <p>
                        分间信息：客厅25平米，南北通透
                    </p>
                    <p class="p1">
                        <span>南北通透</span><span>全明格局</span>
                    </p>
                </div>
            </div>
        </li>


    </ul>
    <ul class="hothouse">


        <li style="border: none;">
            <div class="bear">
                <div class="hothouse-1">
                    <img src="../image/index/img2.png" alt="">
                </div>
                <div class="hothouse-2">
                    <h4>当前格局</h4>

                    <p>
                        分间信息：客厅25平米，南北通透
                    </p>
                    <p class="p1">
                        <span>南北通透</span><span>全明格局</span>
                    </p>
                </div>
            </div>
        </li>


    </ul>
    <div class="kong">

    </div>
    <div class="tese">
        <div>
            <h4>对口学校</h4>
        </div>

    </div>
    <div class="text1">
        <div>
            <p>学校名称：<span>北京市第二实验小学</span></p>

        </div>
    </div>
    <div class="text1">
        <div>
            <p>升学方式：<span>直升、派位</span></p>

        </div>
    </div>
    <div class="text1">
        <div>
            <p>对口中学：<span>团结湖中学</span></p>

        </div>
    </div>
    <div class="text1">
        <div>
            <p>划片小区：<span>3个划片小区 在售房源150套</span></p>

        </div>
    </div>
    <div class="text1">
        <div>
            <p>学校特色：<span>包食宿、有校车</span></p>

        </div>
    </div>
    <div class="more">
        <p>查看学校详情</p>
    </div>
    <div class="kong">

    </div>
    <div class="periphery">
        <h1>位置及周边</h1>
    </div>
    <div class="Map">

        <div id="container"></div>
    </div>
    <div class="kong">

    </div>
    <div class="houber">
        <h2>推荐房源</h2>
    </div>
    <ul class="hothouse">


        <li>
            <div class="bear">
                <div class="hothouse-1">
                    <img src="../image/SecondHandList/img1.png" alt="">
                </div>
                <div class="hothouse-2">
                    <h2>文化部中间层 一层带...</h2>
                    <p>
                        <span>2室1厅96m²南北</span>
                        <span style="color: #FF8623;">1105万</span>
                    </p>
                    <p>
                        <span>红庙北里</span><span>14268元/平</span>
                    </p>
                    <p class="p1">
                        <span>学区房</span><span>独家</span>
                    </p>
                </div>
            </div>
            <div class="beard-1">
                <p>推荐理由：同户型、通风好、采光好</p>
            </div>
            <div class="triangle">

            </div>
        </li>


    </ul>
    <ul class="hothouse">


        <li>
            <div class="bear">
                <div class="hothouse-1">
                    <img src="../image/SecondHandList/img1.png" alt="">
                </div>
                <div class="hothouse-2">
                    <h2>文化部中间层 一层带...</h2>
                    <p>
                        <span>2室1厅96m²南北</span>
                        <span style="color: #FF8623;">1105万</span>
                    </p>
                    <p>
                        <span>红庙北里</span><span>14268元/平</span>
                    </p>
                    <p class="p1">
                        <span>学区房</span><span>独家</span>
                    </p>
                </div>
            </div>
            <div class="beard-1">
                <p>推荐理由：同户型、通风好、采光好</p>
            </div>
            <div class="triangle">

            </div>
        </li>


    </ul>
    <ul class="hothouse">


        <li>
            <div class="bear">
                <div class="hothouse-1">
                    <img src="../image/SecondHandList/img1.png" alt="">
                </div>
                <div class="hothouse-2">
                    <h2>文化部中间层 一层带...</h2>
                    <p>
                        <span>2室1厅96m²南北</span>
                        <span style="color: #FF8623;">1105万</span>
                    </p>
                    <p>
                        <span>红庙北里</span><span>14268元/平</span>
                    </p>
                    <p class="p1">
                        <span>学区房</span><span>独家</span>
                    </p>
                </div>
            </div>
            <div class="beard-1">
                <p>推荐理由：同户型、通风好、采光好</p>
            </div>
            <div class="triangle">

            </div>
        </li>


    </ul>
    <ul class="hothouse">


        <li>
            <div class="bear">
                <div class="hothouse-1">
                    <img src="../image/SecondHandList/img1.png" alt="">
                </div>
                <div class="hothouse-2">
                    <h2>文化部中间层 一层带...</h2>
                    <p>
                        <span>2室1厅96m²南北</span>
                        <span style="color: #FF8623;">1105万</span>
                    </p>
                    <p>
                        <span>红庙北里</span><span>14268元/平</span>
                    </p>
                    <p class="p1">
                        <span>学区房</span><span>独家</span>
                    </p>
                </div>
            </div>
            <div class="beard-1">
                <p>推荐理由：同户型、通风好、采光好</p>
            </div>
            <div class="triangle">

            </div>
        </li>


    </ul>
    <ul class="hothouse">


        <li>
            <div class="bear">
                <div class="hothouse-1">
                    <img src="../image/SecondHandList/img1.png" alt="">
                </div>
                <div class="hothouse-2">
                    <h2>文化部中间层 一层带...</h2>
                    <p>
                        <span>2室1厅96m²南北</span>
                        <span style="color: #FF8623;">1105万</span>
                    </p>
                    <p>
                        <span>红庙北里</span><span>14268元/平</span>
                    </p>
                    <p class="p1">
                        <span>学区房</span><span>独家</span>
                    </p>
                </div>
            </div>
            <div class="beard-1">
                <p>推荐理由：同户型、通风好、采光好</p>
            </div>
            <div class="triangle">

            </div>
        </li>


    </ul>
    <ul class="hothouse">


        <li>
            <div class="bear">
                <div class="hothouse-1">
                    <img src="../image/SecondHandList/img1.png" alt="">
                </div>
                <div class="hothouse-2">
                    <h2>文化部中间层 一层带...</h2>
                    <p>
                        <span>2室1厅96m²南北</span>
                        <span style="color: #FF8623;">1105万</span>
                    </p>
                    <p>
                        <span>红庙北里</span><span>14268元/平</span>
                    </p>
                    <p class="p1">
                        <span>学区房</span><span>独家</span>
                    </p>
                </div>
            </div>
            <div class="beard-1">
                <p>推荐理由：同户型、通风好、采光好</p>
            </div>
            <div class="triangle">

            </div>
        </li>


    </ul>
    <div class="boutn">

    </div>
    <div class="more">
        <p>查看更多相似房源</p>
    </div>
    <div class="top">
        <p>北京找房无忧网 > 首页</p>
    </div>
    <div class="btn">
        <div class="btn-1">
            <div>
                <img src="../image/index/apple.png" alt="">
            </div>
            <div>
                <p>iphone</p>
                <p>客户端</p>
            </div>


        </div>
        <div class="btn-2">
            <div>
                <img src="../image/index/android.png" alt="">
            </div>
            <div>
                <p>Android</p>
                <p>客户端</p>
            </div>


        </div>
    </div>
    <div class="btn1">
        <p style="font-size: 0.14rem;">北京找房无忧房地产经纪有限公司</p>
        <p style="font-size: 0.12rem;">网络经营许可证 京ICP备201608812号-12</p>
    </div>
    <div class="buntop">
        <div>
            <img src="../image/my/urse.png" alt="">
            <p>联系经纪人</p>
        </div>
        <div>
            <img src="../image/SecondHandList/xin.png" alt="">
            <p>关注</p>
        </div>
    </div>



















    <script type="text/javascript" src="https://api.map.baidu.com/api?v=1.0&&type=webgl&ak=SuAbrtK1Bu5V9XISRleW91vpdEVQ70IZ"></script>
    <script>
        var mySwiper = new Swiper('.swiper', {
            direction: 'horizontal', // 垂直切换选项
            loop: true, // 循环模式选项

            // 如果需要分页器
            pagination: {
                el: '.swiper-pagination',
                type: 'fraction',
            },

            // 如果需要前进后退按钮
            // navigation: {
            //     nextEl: '.swiper-button-next',
            //     prevEl: '.swiper-button-prev',
            // },

            // 如果需要滚动条
            scrollbar: {
                el: '.swiper-scrollbar',
            },
            autoplay: {
                delay: 3000,
                stopOnLastSlide: false,
                disableOnInteraction: true,
            },
        })

        // 创建地图实例
        var map = new BMapGL.Map("container");
        // 设置地图中心点，这里是天安门   34.80452,113.680779
        var point = new BMapGL.Point(113.680779, 34.80452);
        map.centerAndZoom(point, 15);

        // 通过js获取当前位置
        // navigator.geolocation.getCurrentPosition(function (p) {
        //     console.log(p)
        // })
    </script>
</body>

</html>